<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米官网</title>
		<link rel="stylesheet" href="css/xiaomi.css" />
		<style>
			dd{
				font-size: 15px;
				color: aliceblue;
				margin-left: 12px;
				margin-bottom: 15px;
				color: white;
			}
			
			p
			{
				font-size: 10px;
				text-align:center;
			}
			h2
			{
				font-size: 10px;
				text-align:center;
			}
			h3
			{
				font-size: 10px;
				text-align:center;
			}
			
		</style>
	</head>
	<body>
		<div class="bigbox">
			<div class="box">
				<div class="box1">
					<div class="box2">
					<li><a  class="color1" href="https://www.mi.com/index.html">小米官网</a>
						<a class="color1" href="https://www.mi.com/shop">小米商城</a>
						<a class="color1" href="https://hyperos.mi.com/">小米澎湃os</a>
						<a class="color1" href="https://www.xiaomiev.com/">小米汽车</a>
						<a class="color1" href="https://i.mi.com/">云服务</a>
						<a class="color1" href="https://iot.mi.com/">lot</a>
						<a class="color1" href="https://www.xiaomiyoupin.com/">有品</a>
						<a class="color1" href="https://xiaoai.mi.com/">小爱开放平台</a>
						<a class="color1" href="https://www.mi.com/shop/aptitude/list?id=88">资质证照</a>
						<a class="color1" href="https://www.mi.com/shop/aptitude/list">协议规则</a>
						<a class="color1" href="https://www.mi.com/appdownload">下载App</a>
					</li>
					</div>
					<div class="box3">
						<li><a class="color1" href="#">登录</a>
						<a class="color1" href="#">注册</a>
						<a class="color1" href="https://www.mi.com/shop/user/message">消息通知</a></li>
					</div>
				</div>
			</div>
			<div class="box4"> 
				<div class="box13">
					<img src="小米logo.png"  height="25px" alt="margin-top 22px" />
				</div>
				<div class="box14">
					<ul>
					<a class="color2" href="#">Xiaomi手机</a>
					<a class="color2" href="#">Redmi手机</a>
					<a class="color2" href="#">电视</a>
					<a class="color2" href="#">笔记本</a>
					<a class="color2" href="#">平板</a>
					<a class="color2" href="#">路由器</a>
					<a class="color2" href="#">服务中心</a>
					<a class="color2" href="#">社区</a>
					</ul>
				</div>
				<div class="box15">
				<a href="https://www.baidu.com/"><img src="js/long.png"  height="40px" alt="" /></a>
				</div>
				</div>
				<div class="box7">
					<div class="box5">
							<dd>手机</dd>
							<dd>电视</dd>
							<dd>家电</dd>
							<dd>笔记本 平板</dd>
							<dd>出行 穿戴</dd>
							<dd>耳机 音箱</dd>
							<dd>健康 儿童</dd>
							<dd>生活 箱包</dd>
							<dd>智能 路由器</dd>
					</div>
					<div class="box6">
					<img src="./js/图片1.jpg"  height="300px" alt="box6" />
					</div>
				</div>
				<div class="box8">
					<div class="box9">
						<img src="./屏幕截图 2024-05-14 184615.png" height="110px" width="180px" alt="" />
					</div>
					<div class="box10">
						<img src="./js/图片4.png"  height="110px" width="250px" alt=""  />
					</div>
					<div class="box11">
						<img src="./js/图片3.jpg" height="110px" width="250px" alt="" />
					</div>
				<div class="box12">
					<img src="./js/图片2.png" height="110px" width="250px" alt="" />
				</div>
		</div>
				<div class="box22">
					<img src="./图片9.webp" height="80px" width="998px" alt="" />
				</div>
				<div class="box33">
					<div class="box34"><dd><a class="color3" href="#"></a></dd></div>
					<div class="box35"><dd><a class="color3" href="https://www.mi.com/shop/search?keyword=%E6%89%8B%E6%9C%BA">显示更多</a></dd></div>
				</div>
				<div class="box23"> 
				<div class="box24">
					<img src="./js/11.webp" height="600px" alt="" />
				</div>
				<div class="box25">
					<img src="./js/22.webp" height="200px" alt="" />
					<h2>Redmi Turbo 3</h2>
					<h3>性能旋风.席卷而来</h3>
					<p>1999元起</p>
				</div>
				<div class="box26">
					<img src="./js/33.webp" width="195px" alt="" />
					<h2>Xiaomi Civi 4 Pro</h2>
					<h3>徕卡光学Surmmilux镜头| 5000万像素镜头</h3>
					<p>2999元起</p>
				</div>
				<div class="box27">
					<img src="./js/55.webp" height="200px" alt="" />
					<h2>Xiaomi 14 Ultra</h2>
					<h3>徕卡全明星4摄</h3>
					<p>6499元起</p>
				</div>
				<div class="box28">
					<img src="./js/66.webp" height="200" alt="" />
					<h2>Redmi k70 Pro</h2>
					<h3>第三代骁龙8年度旗舰处理器</h3>
					<p>3299元起</p>
				</div>
				<div class="box29">
					<img src="./77.webp" height="190px" alt="" />
					<h2>Redmi k70</h2>
					<h3>第二骁龙8旗舰芯</h3>
					<p>2399元起</p>
				</div>
				<div class="box30">
					<img src="./js/88.webp" height="190px" alt="" />
					<h2>Redmi k70E</h2>
					<h3>新一代旗舰捍门员</h3>
					<p>1799元起</p>
				</div>
				<div class="box31">
					<img src="./js/99.webp" height="190px" alt="" />
					<h2>Xiaomi 14 Pro</h2>
					<h3>徕卡Summilux可变光圈镜头</h3>
					<p>4599元起</p>
				</div>
				<div class="box32">
					<img src="./js/10.webp" height="190px" alt="" />
					<h2>Xiaomi 14</h2>
					<h3>徕卡光学Surmmilux镜头</h3>
					<p>3999元起</p>
				</div>
				</div>
		</body>
</html>
